{#
(C) Copyright 2011 Jose Blanco <jose.blanco[a]vikuit.com>

This file is part of "vikuit".

"vikuit" is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

"vikuit" is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with "vikuit".  If not, see <http://www.gnu.org/licenses/>.
#}


{% extends "layouts/module-layout.html" %}
{% block javascript %}
{% if user %}
        <script src="/static/js/microblogging.js" type="text/javascript"></script>
        <script type="text/javascript">
            var auth = '{{ auth }}';
            function loadGlobalRss() {
            	$('#globalRss').html("");
                $('#globalRss').microblogging({
                                targeturl: "{{ app.url }}/feed/mblog",
                                maxItems:25,
                                current: "{{ user.nickname }}",
                                labelBy: "{{ _('Written by') }}",
                                labelRead: "{{ _('Read More')}}"
                });
            }

            $(function() {
                $( "#post-form" ).dialog({
                    autoOpen: false,
                    height: 300,
                    width: 350,
                    modal: true,
                    buttons: {
                        "{{ _('Send post')}}": function() {
                            var bValid = true;
                            try{
                                var message = $( "#message" )[0];
                                if (message.value){
                                    message = message.value;
                                }
                                if ( bValid ) {
                                    sendBloggingPost('{{ user.nickname }}',message);
                                    $( this ).dialog( "close" );
                                }
                            }catch(e){alert(e);}
                        },
                        Cancel: function() {
                            $( this ).dialog( "close" );
                        }
                    },
                    close: function() {
                    }
                });
        
                $( "#sendpost" )
                    .button()
                    .click(function() {
                        $( "#post-form" ).dialog( "open" );
                    });
            });
    
        </script>
{% endif %}
{% endblock %}
{% block title %} {{ _('Microblogging') }} {% endblock %}

{% block content %}
	<div class="info">
		<div style="float:right;"><a href="javascript:loadGlobalRss();"><img src="/static/images/reload.gif" alt="{{ _('Reload') }}"/></a></div>
		<h1>{{ _('Microblogging') }}</h1><div class="reload"></div>
	</div>

	<div id="globalRss"></div>

	<div style="text-align:right;">
	{% if user %}
	<div class="post">
	
		<div id="post-form" title="{{ _('Send post')}}">
			<p class="validateTips"></p>
		
			<form>
				<textarea name="message" id="message" maxlength="140" cols="40" rows="4" onkeyup="if(this.value.length>140){this.value=this.value.substring(0,maxlong);return false;}return true;"></textarea>
			</form>
		</div>
		<input id="sendpost" type="button" value="{{ _('Write a post') }}" class="active"></input>
	
	</div>
	
	{% else %}
	<a href="/module/user.login?redirect_to={{ redirect }}" class="header">{{ _('Log in to post') }}</a>
	{% endif %}
	</div>
	
    <script type="text/javascript">
    loadGlobalRss();
    </script>
{% endblock %}
